<!-- **
* @title: 基本信息-股东信息
* @author: manling.liu
* @date: 2021年7月7日
* @description:
* -->
<template name="shareholderInfo">
	<view class="">
		<!-- 股东信息 -->
		<view class="box">
			<!-- 股东信息头部 -->
			<view class="box-flex">
				<view class="text title" style="-webkit-flex: 1;flex: 1;">股东信息</view>
				<view class="text" style="width: 44rpx;" @click="clickOpen()">
					<image v-if="!show" src="../../static/info_img/icon_pull-down_normal.png" mode=""></image>
					<image v-else src="../../static/info_img/icon_pull-down_selected.png" mode=""></image>
				</view>
			</view>
			
			<!-- 股东信息内容 -->
			<view class="" v-if="show">
				<!-- 边框线条 -->
				<view class="bottom-frame"></view>
				<view class="" v-for="item in basicData.shareholderInfoVos" :key="item.id">
					<view class="box-flex" style="margin: 20rpx 0;">
						<view class="person-name" style="width: 68rpx;height: 68rpx;">{{ item.shareholderName[0] }}</view>
						<view class="text-blue" style="-webkit-flex: 1;flex: 1;">{{ item.shareholderName }}</view>
						<view class="he-company" style="width: 300rpx;">他关联{{ item.relateCompNum }}家企业</view>
					</view>
					<view class="box-flex">
						<!-- 股东信息左侧 -->
						<view class="text" style="-webkit-flex: 1;flex: 1;">
							<view class="title-text">股东类型</view>
							<view class="content-text">{{ item.shareholderType }}</view>
							<view class="title-text">认缴出资额</view>
							<view class="content-text">{{ item.subscriptionMoney }}</view>
						</view>
						<!-- 股东信息右侧 -->
						<view class="text" style="-webkit-flex: 1;flex: 1;">
							<view class="title-text">持股比例</view>
							<view class="content-text">{{ item.shareholdRatios }}</view>
							<view class="title-text">认缴出资日期</view>
							<view class="content-text">{{ item.subscriptionTime }}</view>
						</view>
					</view>
					
					<!-- 边框线条 -->
					<view class="bottom-frame"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "shareholderInfo",
		data() {
			return {
				show: false
			};
		},
		props:{
			basicData: {
				type: Object,
				default: null
			}
		},
		components: {
			
		},
		methods: {
			// 点击展开关闭股东信息
			clickOpen () {
				this.show = !this.show
			},
		},
		// 页面初始化完成时
		onLaunch() {
			
		},
		// 页面启动时
		onShow() {
			
		},
		// 页面从前台进入后台
		onHide() {
			
		},
		// 页面报错时触发
		onError() {
			
		}
	}
</script>

<style lang="stylus">
	@import url("../common.css")
	.he-company{
		color #E6947B
		font-size 26rpx
		line-height 68rpx
		font-family PingFang SC
		font-weight normal
	}
	.person-name{
		color #FFFFFF
		text-align center
		line-height 68rpx
		width 68rpx
		height 68rpx
		background #85B0F2
		border-radius 8rpx
	}
	.text-blue{
		font-size 30rpx
		line-height 68rpx
		margin-left 19rpx
	}
</style>
